// 弊端：无论项目中是否用到，都把样式引入进来，组件都注册
// 开发中很少用，特别是移动端，因为要考虑到性能
// import Vant from 'vant'
// import 'vant/lib/index.css'

// Vue.use(Vant)

// 按需引入用到的组件，然后进行注册
import {
  Button,
  NavBar,
  Form,
  Field,
  Tabbar,
  TabbarItem,
  Search,
  Swipe,
  SwipeItem,
  Grid,
  GridItem,
  List,
  PullRefresh,
  Tag,
  GoodsAction,
  GoodsActionIcon,
  GoodsActionButton,
  ImagePreview,
  Empty,
  Icon,
  Checkbox,
  Card,
  Stepper,
  SwipeCell,
  SubmitBar,
  Image,
  Cell
  // Lazyload
} from 'vant'

export default {
  // install名字固定
  install (Vue) {
    Vue.use(Button)
    Vue.use(NavBar)
    Vue.use(Form)
    Vue.use(Field)
    Vue.use(Tabbar)
    Vue.use(TabbarItem)
    Vue.use(Search)
    Vue.use(Swipe)
    Vue.use(SwipeItem)
    Vue.use(Grid)
    Vue.use(GridItem)
    Vue.use(List)
    Vue.use(PullRefresh)
    Vue.use(Tag)
    Vue.use(GoodsAction)
    Vue.use(GoodsActionButton)
    Vue.use(GoodsActionIcon)
    Vue.use(ImagePreview.Component)
    Vue.use(Empty)
    Vue.use(Icon)
    Vue.use(Checkbox)
    Vue.use(Card)
    Vue.use(Stepper)
    Vue.use(SwipeCell)
    Vue.use(SubmitBar)
    Vue.use(Image)
    Vue.use(Cell)
    // 注册时可以配置额外的选项
    // Vue.use(Lazyload, {
    //   lazyComponent: true
    // })
  }
}
